/* Group */
.Group {
    background-color: green;
    border: 1px solid green;  
    padding: 10px;
    margin-bottom: 10px; 
    height: 200px; 

    /* Flex */
    display: flex; 
    gap: 10px;
}

/* Flex Direction */
.GroupFour, .GroupFive, .GroupSix {
    flex-direction: column;
}

/* Justify Content */
.GroupOne {
    justify-content: start;
    align-items: start;
}

.GroupTwo {
    justify-content: center;
    align-items: center;
}

.GroupThree {
    justify-content: end;
    align-items: end;
}

.GroupFour {
    justify-content: start;
    align-items: start;
}

.GroupFive {
    justify-content: center;
    align-items: center;
}

.GroupSix {
    justify-content: end;
    align-items: end;
}

.Classmate {
    background-color: pink;
    border: 1px solid red;
    padding: 10px;
}